<template>
  <el-container>
    <!-- 侧边栏 -->

    <el-aside width="200px">
      <el-menu
        text-color="#fff"
        background-color=" #545c64"
        active-text-color="#ffd04b"
        unique-opened
        :router="true"
      >
        <!-- 一级导航 -->
        <el-submenu index="1">
          <!-- 一级导航区域 -->
          <template slot="title">
            <i class="el-icon-user-solid"></i>
            <span>订单管理</span>
          </template>
          <!-- 二级菜单 -->
          <el-menu-item index="/user">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">订单管理</span>
            </template>
          </el-menu-item>
          <el-menu-item index="/rule">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">投诉管理</span>
            </template>
          </el-menu-item>
          <el-menu-item index="1-1">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">退款管理</span>
            </template>
          </el-menu-item>
        </el-submenu>

        <el-submenu index="2">
          <!-- 一级导航区域 -->
          <template slot="title">
            <i class="el-icon-loading"></i>
            <span>商品管理</span>
          </template>
          <!-- 二级菜单 -->
          <el-menu-item index="categorys">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">商品分类</span>
            </template>
          </el-menu-item>
          <el-menu-item index="/goodsAdd">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">添加商品</span>
            </template>
          </el-menu-item>
          <el-menu-item index="2-3">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">商品模型</span>
            </template>
          </el-menu-item>
          <el-menu-item index="/goodsList">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">商品列表</span>
            </template>
          </el-menu-item>
          <el-menu-item index="2-5">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span slot="title">回收站</span>
            </template>
          </el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>
    <!-- 主体区 -->
    <el-main>
      <!-- 路由占位符 -->
      <router-view></router-view>
    </el-main>
  </el-container>
</template>
<script>
export default {

};
</script>
<style scoped>
</style>